<template>
	<view class="wrapper">
		<text class="line"></text>
		<text class="content">{{content}}</text>
		<text class="line"></text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props:{
			content:{
				type:String,
				default:"我是有底线的"
			}
		}
	}
</script>

<style scope lang="less">
	.wrapper {
		text-align: center;
		padding:2vw;
		
		.line {
			width: 20vw;
			display: inline-block;
			border: 0.4px solid #ddd;
			vertical-align: middle;
		}

		.content {
			color: #ccc;
			display: inline-block;
			font-size: 3vw;
			padding:0 10rpx;
			text-align:center;
		}
	}
</style>
